<template>
	
	<view class="container">
		
		<view class="container_top">
		<view class="top_bar">
			<view class="search">
				<view class="icon_search"><uni-icons :type="icons[0].type" color="#333333" :size="icons[0].size" /></view>
				<view class="search_input">
					<input v-model="params.search" @input="seachData" placeholder-style="font-size:26rpx" placeholder="关键字搜索" value="" />
				</view>
				<view class="icon_search"  ><uni-icons  @click="scanCodeEvent" :type="icons[1].type" color="#333333" :size="icons[1].size" /></view>
			</view>
			<view class="search_cancel" @click="searchCancel">取消</view>
		</view>
		
		
		
		<view class="sub_banner" >
			<image mode="aspectFill"  :src="host+'/static/banner/banner1.png'"></image>
		</view>
		
		</view>
		<view class="panel_box">
			
			<view class="panel_box_title">产品分类</view>
			
			<view class="scroll_nav">
				<scroll-view class="scroll-view_H" scroll-x="true" scroll-left="0">
					<view class="scroll-view-item_H" v-for="(item,index) in proType " :key="index"  :class="proTypeIndex == item.id ? 'cur' : ''" data-level="3"  :data-id="item.id"  @click="selectTab">
						<view class="scroll-view-title">{{item.name}}</view>
					</view>
				</scroll-view>
			</view>
			
			<view class="scroll_nav">
				<scroll-view class="scroll-view_H" scroll-x="true" scroll-left="0">
					<view class="scroll-view-item_H" v-for="(item,index) in pcategorys " :key="index"  :class="tabItem == item.id ? 'cur' : ''" data-level="1"  :data-id="item.id"  @click="selectTab">
						<view class="scroll-view-title">{{item.name}}</view>
					</view>
				</scroll-view>
			</view>
			
		</view>
		
		
		
		<view class="panel_box">
			<view class="panel_box_title">产品列表</view>
		</view>
		
		<app-page-list :dataList.sync="dataList" :showOperate="false" pageUrl="/pages/product/detail/index"></app-page-list>
		
		
	</view>
</template>


<script>
	import  parentPage from '@/common/parent-page.js';
	import {index} from './index.js';
	export default {mixins: [parentPage,index]}
</script>


<style>
	@import './index.css';
</style>
